<template>
  <!-- 热销城市分布情况 -->
  <div class="loc1">
      <dv-border-box-8 :reverse="true" style="width:800px; height:600px;">
      <p>TOP 10热销城市</p>
      <dv-decoration-5 style="width:300px;height:40px;" />
      <div class="box">
        <bydhis-1></bydhis-1>
        <tslhis-1></tslhis-1>
      </div>
      <h3 class="bydtitle">比亚迪宋PLUS DM-i</h3>
      <h3 class="tsltitle">特斯拉Model Y</h3>
    </dv-border-box-8>
  </div>
</template>

<script>
import Bydhis1 from '@/components/All/loc/Bydhis1'
import Tslhis1 from '@/components/All/loc/Tslhis1'
export default {
  components: {
    Bydhis1,
    Tslhis1
  }
}
</script>

<style lang="less" scoped>
.box {
  display: flex;
  padding-top: 80px;
  position: relative;
}
p {
  color: orange;
  text-align: center;
  padding-top: 50px;
}
.dv-decoration-5 {
  margin: auto;
}
h3 {
  color: white;
}
.bydtitle {
  position: absolute;
  top: 120px;
  left: 115px;
}
.tsltitle {
  position: absolute;
  top: 120px;
  right: 130px;
}
</style>